<template>
	<el-popover style="height: auto;" placement="left" title="查看物流" width="500" trigger="hover">
		<template #reference>
			<slot></slot>
		</template>
		<div class="body">
			<el-timeline>
				<el-timeline-item color="#0cafcc" v-for="(item, index) in 10" :key="index">
					{{ item }}
				</el-timeline-item>
			</el-timeline>
		</div>
	</el-popover>
</template>

<script>
export default {
	name: "logistic",
	data() {
		return {
			visible: false,
		}
	},
	computed: {},
	methods: {
		show() {
			this.visible = true
		},
	},
	components: {},
}
</script>

<style lang="scss" scoped>
.body {
	padding: 0 25px;
	overflow: auto;
	max-height: 70vh;
}
</style>
